import React, { Component } from 'react'
import {Route,Switch} from 'react-router-dom'
import Header from './Header/Header'
import ModeLogin from './modeLogin/modeLogin'
import TelLogin from './TelLogin/TelLogin'
import UserLogin from './userLogin/UserLogin'
import Register from './Register/Register'
import ChangeLogin from './changeLogin/ChangeLogin'
import './Login.scss'

export default class Login extends Component {
  render() {
    return (
      <div id='login'>
          <Header/>
        <div className='loginFlex'>
            <Switch>
              <Route path='/login' exact component={ModeLogin} />
              <Route path='/login/telLogin' exact component={TelLogin} />
              <Route path='/login/userLogin' exact component={UserLogin} />
              <Route path='/login/register' exact component={Register} />
              <Route path='/login/changeLogin' exact component={ChangeLogin} />
            </Switch>
        </div>
      </div>
    )
  }
}
